#include("common.html")
<html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>澳邮国际商城</title>

<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<link rel="stylesheet" type="text/css" href="#(tpath)/static/css/vant.css">
<link rel="stylesheet" type="text/css" href="#(tpath)/static/css/filter.css">
<script type="text/javascript" src="#(tpath)/static/js/jquery.js"></script>
</head>
<body class="">
<style type="text/css">
    @media only screen and (min-width: 320px){
    html {
      font-size: 62.5% !important;
    }
  }
  @media only screen and (min-width: 640px){
    html {
      font-size: 125% !important;
    }
 }
 @media only screen and (min-width: 750px){
   html {
     font-size: 150% !important;
   }
 }
 @media only screen and (min-width: 1242px){
   html {
     font-size: 187.5% !important;
   }
 }
</style>

<!-- 样式 S -->
<style type="text/css" lang="less">
#member .member_header{height:140px;text-align: center;position: relative;}
#member .member_header_tx{
    width: 81px;
    height: 81px;
    padding: 1px;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    margin: 30px auto 15px;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 1.75em;
    font-weight: bold;
    color: #99b977;
    transition: 0.24s 0.2s;
    box-shadow: 0px 1px 8px #efefef;}
#member .member_header_tx .avatar{border-radius: 100%;width: 80px;height: 80px;}
#member .order_status{padding: 15px 0;font-size: 12px;text-align: center;background-color: #fff;}
#member .order_status .van-icon{font-size:24px;}

/* 地址簿样式 Start */
#member .van-address-list__edit{right:30px}
#member .van-address-list{height:94%;padding-bottom:0;position: relative;}
#member .van-radio-group{height:94%;overflow-y:scroll;}
#member .addrList{top:10%;}
#member .addAddr{top:35%;padding-bottom:0}
/* 地址簿样式 End */
</style>
<style>
.coupon{background:#efeff4;top:10%}
#coupon{padding: 3%;}
#coupon ul{padding: 0;}
#coupon ul li{ width:100%; overflow:hidden; height:89px; margin-bottom:10px}
#coupon ul li .left{ float:left; width:70%;height:90px; background:#fff; overflow:hidden; border-top-left-radius:8px;border-bottom-left-radius:8px; position:relative}
#coupon ul li .left .rtdian{ position:absolute;right:0px;top:0px; width:16px; height:16px; background:url(/static/themes/default/img/yuan.png) no-repeat; background-size:16px 16px; background-position:8px -8px}
#coupon ul li .left .rbdian{ position:absolute;right:0px;bottom:0px; width:16px; height:16px; background:url(/static/themes/default/img/yuan.png) no-repeat; background-size:16px 16px; background-position:8px 8px}
#coupon ul li .right{ float:right; width:30%;height:90px;overflow:hidden;border-top-right-radius:8px;border-bottom-right-radius:8px;position:relative}
#coupon ul li .bg1{background:#999;}
#coupon ul li .bg2{background:#f60;}
#coupon ul li .right .ltdian{ position:absolute;left:0px;top:0px; width:16px; height:16px; background:url(/static/themes/default/img/yuan.png) no-repeat; background-size:16px 16px; background-position:-8px -8px}
#coupon ul li .right .lbdian{ position:absolute;left:0px;bottom:0px; width:16px; height:16px; background:url(/static/themes/default/img/yuan.png) no-repeat; background-size:16px 16px; background-position:-8px 8px}
#coupon ul li .right .padding{ height: 90px;overflow: hidden;text-align: center;}
#coupon ul li .right .price{color:#fff; font-size:12px; text-align:center;padding-top:10px; padding-bottom:5px;}
#coupon ul li .right .price i{ font-style:normal; font-size:24px;}
#coupon ul li .right .btn{width:60px;height:24px; margin:0 auto}
#coupon ul li .right .btn button{ padding:0px; margin:0px; border:none; width:60px;height:24px; line-height:24px; border-radius:12px; font-size:13px;}
#coupon ul li .right .btn .get{background:#FFF;color:#f60;}
#coupon ul li .right .btn .got{background:#FFF;color:#999;}
#coupon ul li .left .tit{ margin:10px; overflow:hidden}
#coupon ul li .left .tit{width:140px; font-size:14px;white-space:nowrap;overflow : hidden;text-overflow: ellipsis;}
#coupon ul li .left .tit p{ font-size:12px;margin:5px 0}
#coupon ul li .left img{ float:left; width:70px; height:70px; margin-right:5px; margin-left:5px;}
.suspend{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
}
.suspend-content{
    width: 244px;
    height: 55px;
    position: fixed;
    top: 70%;
    z-index: 900;
}
.suspend-content-left{
    width: 44px;
    height: 40px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    font-size: 8px;
    padding: 3px;
    box-sizing: border-box;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    margin-top: 10px;
    float: left;
}
.suspend-icon{
    float: left;
    width: 10px;
    height: 30px;
    padding: 5px 0px;
    margin-right: 3px;
    font-size: 14px;
}
.suspend-navigation{
    float: left;
    width: 25px;
    height: 30px;
    box-sizing: border-box;
    font-size: 10px;
}
.suspend-navigation2{
    float: left;
    width: 25px;
    height: 30px;
    padding: 10px 0px;
    box-sizing: border-box;
    font-size: 10px;
}
.suspend-content-right{
    width: 200px;
    height: 60px;
    background-color: #fff;
    float: left;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    padding: 15px 10px;
    box-sizing: border-box;
}
.suspend-content-right .van-col{
    text-align: center;
}
.suspend-contact{
    font-size: 20px;
}
.suspend-contact-text{
    font-size: 10px;
    transform: scale(0.7);
} 
.coupon_pop .van-coupon-item__content{
    padding: 10px;
}
.coupon_pop .van-coupon-item__head{
    min-width: 110px;
    text-align: center;
}
.account-cell .van-cell__title{
    font-size: 12px;
    line-height: 16px;
}
.account-cell .van-cell__value{
    font-size: 12px;
}
.wechat-customer .wechat-bg{background:#333;opacity:0.5;width:100%;z-index:999;position:fixed;top:0;bottom:0;}
.wechat-customer .wechat-cont{width:12rem;background:#fff;border-radius:5px;position:fixed;top:50%;left:50%;margin-left:-8rem;z-index:999;text-align:center;padding:2rem;margin-top:-10rem;}
.wechat-customer .wechat-cont img{width:10rem;height:10rem;}
.wechat-customer .wechat-cont .closewindow{position:absolute;right:1rem;top:1rem;}
.wechat-customer .wechat-cont .button1{width: 12rem;
    height: 2rem;
    line-height: 2rem;
    border: 0px;
    margin: 0rem auto 0 auto;
    color: #999;
    font-size: 12px;}
.wechat-customer .wechat-cont .button2{width:12.1rem;height:2rem;background:#2ba246;color:#fff;border:1px solid #2ba246;margin-top:0.5rem;}
.member-group{
    margin-top: 10px;
}
.share-img{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 0;
}
.share{height:75%;box-sizing: border-box;padding: 10px;width: 100%;}
    .share_title{text-align:center;font-size:14px;position: relative;}
    .share_title span{position:absolute;
top:2px;
right:0;
}
.share .van-button--large{
        height:40px;
        line-height:40px;
    }
    .share .van-button--round{
        border-radius:10px;
    }
    .share #shareImage{padding: 20px 0;width:300px;text-align: center;}
    .share #shareImageBox{width:300px;height:470px;    margin: 0 auto;}
    
    .share-footer{
        text-align:center;
        font-size:12px;
        margin-top:10px;
        margin-bottom:25px;
    }
    .logistics{
    height: 120px;
    width: 100%;
    margin-top: 10px;
    padding: 10px 15px;
    box-sizing: border-box;
    background-color: #fff;
}
.logistics-content{
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  padding: 10px;
  box-sizing: border-box;
}
.logistics-title{
   font-size: 12px;
}
.logistics-goods{
   font-size: 12px;
   display: flex;
   margin-top:10px;
}
.goods-img{
  width: 50px;
  height: 50px;
}
.goods-content{
  flex:1;
  margin-left:10px;
}
.logistics-icon{
  float: left;
  margin-top:3px;
}
.goods-trans{
  margin-left:5px;
  color:#4d94ec;
  float:left;
}
.goods-trans-record{
  margin-top:10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pop-logistics{
    width: 80%;
    height: 70%;
    top: 43%;
    border-radius:10px;
}
.pop-info{
    width: 80%;
    height: 60%;
    top: 50%;
    border-radius:10px;
}
.pop-title{
    width: 100%;
    font-size: 16px;
    font-weight: 550;
    color: #fff;
    text-align: center;
    padding: 15px 0px;
    box-sizing: border-box;
    background-color: #4d94ec; 
    position: relative;
    border-top-left-radius:9px;
    border-top-right-radius:9px;
}
.closed-icon{
   position: absolute !important;
   top: 20px;
   right: 10px;
   z-index: 999;
}
.card-content{
    width: 100%;
    padding: 0px 10px 15px;
    box-sizing: border-box;
    background-color: #4d94ec;
    font-size: 14px;
    color: #fff;
    display: flex;
}
.card-img{
    width: 60px;
    height: 60px;
}
.card-content-right{
    flex: 1;
    margin-left: 10px;
}
.goods-title{
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.step-content{
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  height: 70%;
  background-color:#fff;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
      overflow-y: scroll;
    white-space: nowrap;
}
.van-swipe-item{
    width: 327px !important;
}
.van-step--vertical {
    float: none;
    display: block;
    font-size: 12px;
    line-height: 15px;
    padding: 1px 10px 2px 0 !important;
    box-sizing: border-box;
}


.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.center-top{overflow: hidden;position: relative; color:#fff; background:#f9f9f9;width: 100%;height:32.6rem;}
.center-top2{overflow: hidden;position: relative; color:#fff; background:#f9f9f9;width: 100%;height:26.2rem;}
.center-top-content{
    width: 100%;
    height: 30rem;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}
.center-top-desc{
   width: 100%;
   padding: 1.6rem;
   box-sizing: border-box;
   top: 0rem;
   left: 0rem;
   position: absolute;
}
.arcbottom{
     width: 210%;
     position: relative;
     border-bottom-left-radius: 35rem;
     border-bottom-right-radius: 35rem;
     left: -17.1rem;
     top:-7.2rem;
     height: 35rem;
 }
 .arcbottom2{
     width: 128%;
     position: relative;
     border-bottom-left-radius: 20rem;
     border-bottom-right-radius: 20rem;
     left: -5.3rem;
     top:-1.3rem;
     height: 21.5rem;
 }
 .login-content{
   width: 100%;
   text-align: center;
 }
.touxiang{margin:1rem 0 2.6rem 0;}
.center-top-R{float:right;}
.touxiang img{display:block; margin-right:0.5rem;width:6rem;height:6rem;border-radius: 50%;}
.lv{ padding:0 0.2rem;background:#F5AB0D;color:#fff;font-size:1rem;border-radius: 0.5rem;}
.lv2{ padding:0 0.2rem;background:#f44;color:#fff;font-size:1rem;border-radius: 0.5rem;margin-right: 5px;}
.phone{font-size:1.2rem;margin-left: 1rem;}
.phone-Div .phone{margin-top:2.2rem;}
.name{position:relative; margin: 0.9rem 0 0.2rem 1rem;}
.center-top-R{margin-top:1.9rem; font-size:1.4rem;white-space: pre-wrap;}
.center-top-R .van-icon{margin-top:-0.2rem;font-size:1.8rem;vertical-align: middle;}
.center-top-ma .van-icon{font-size:2.7rem;}
.box{padding:1rem 0;text-align: center;background-color :rgba(225,225,225,0.1);border-radius: 0.5rem;color:#fff;}
.number{margin-bottom:0.5rem; font-size:1.8rem;}
.currency{font-size:1rem;}
.box .van-row .van-col{box-sizing: border-box;}
.bg{position: relative;}
.bgimg{width:100%;height:10.2rem;position: relative;}
.bgimg:after {width: 140%;height: 10.2rem;position: absolute;left: -20%;top:0;z-index: -1;content: '';border-radius: 0 0 50% 50%;background:linear-gradient(#00378F,#00378F);}
.order-cont{position:absolute;width:100%; bottom:0.5rem;color:#333;}
.order{overflow: hidden; margin:0 1.6rem;background:#fff; padding:0 1.6rem;border-radius: 0.5rem;}
.order2{margin:1rem 1.6rem 8rem 1.6rem;padding:0 1.6rem;background:#fff;border-radius: 0.5rem;}
.order-title{overflow: hidden;padding:1rem 0;border-bottom:0.05rem #e5e5e5 solid;}
.more{color:#999;}
.more .van-icon{float:right; margin-top:0.3rem;}
.order-list{margin-top:2.5rem;text-align: center;font-size:1.4rem;}
.order-list .van-icon{display:block;position:relative;}
.member-icon .van-icon{font-size:2.5rem;}
.order-list .van-col{margin-bottom:1.5rem;}
.order-list img{width:2.7rem;height:2.7rem;}
/* .order-list .van-col{margin-bottom:50rpx;} */
.order-list .van-col .van-info{position: absolute;top:-0.6rem;right:1.8rem;}
.order-list .van-col p{font-size:1.4rem;margin:0.6rem 0;}
.foot-nav .van-tabbar--safe{padding-bottom:0;}
.icon-img{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: none;
    box-shadow: 0px 0px 10px 2px #e5e5e5;
    margin: -11px auto 0;
    position:relative;
    z-index:9999;
    line-height: 50px;
    align-items: center;
    display: table-cell;
    vertical-align: middle;
}
.icon-img img{
    max-width: 50px;
    border-radius: 50%;
}
.van-tabbar-item__icon img{
    height: auto;
}
.van-tabbar{
    height:55px;
    padding-bottom: 20px;
}
.loginout{
    margin: 1rem 1.6rem 0rem;
    box-sizing: border-box;
}
.loginout-bt{
    background-color:   #D3D3D3;
}
</style>

<!-- 内容 -->
<div id="member" class="container">
	<div class="van-hairline--top-bottom van-tabbar van-tabbar--fixed" style="z-index: 500;">
		<div class="van-tabbar-item" onclick="location.href='#(base)/'">
			<div class="van-tabbar-item__icon">
				<i class="van-icon van-icon-shop"><!----><!----></i><!---->
			</div>
			<div class="van-tabbar-item__text">首页</div>
		</div> 
		<div class="van-tabbar-item" onclick="location.href='#(base)/product_category'">
			<div class="van-tabbar-item__icon"><i class="van-icon van-icon-search"><!----><!----></i><!----></div>
			<div class="van-tabbar-item__text">分类搜索</div>
		</div> 
		<div class="van-tabbar-item" onclick="location.href='#(base)/cart/list'">
			<div class="van-tabbar-item__icon"><i class="van-icon van-icon-cart"><!----><!----></i>
				<div class="van-info" id="cartQuantity"></div>
			</div>
			<div class="van-tabbar-item__text">购物车</div>
		</div> 
		<div class="van-tabbar-item van-tabbar-item--active" onclick="location.href='#(base)/member'">
			<div class="van-tabbar-item__icon"><i class="van-icon van-icon-contact"><!----><!----></i><!----></div>
			<div class="van-tabbar-item__text">我的</div>
		</div>
	</div> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> 
	<div class="center-top">
		<div class="center-top-content">
			<div class="arcbottom" style="background-color: rgb(44, 94, 250);"></div> 
			<div class="center-top-desc">
				<div class="touxiang">
					<div class="fl">
						<div class="fl"><img src="#(member.avatar??'')" onerror="javascript:this.src='#(base)/static/images/avatar.png';"></div> 
						<div class="fr">
							<div class="name"><!----> 
								<span class="lv">#if(member.memberRank??) #(member.memberRank.name) #else VIP #end</span>
                            	#(member.nickname??"")          
                            </div> 
                            <div class="phone">#(member.mobile??"") </div>
                       	</div>
                   	</div> 
                   	<!-- <div class="center-top-R center-top-ma" onclick="location.href='#(base)/member/qr'"><i class="van-icon van-icon-qr">--><!--</i></div>  -->
                   	<div class="clear"></div>
              	</div> 
              	<div class="box">
              		<div class="van-row">
              			<div class="van-col van-col--6" onclick="location.href='#(base)/member/commission'">
              				<div class="col-content" style="border-right: 1px solid rgb(42, 101, 170);">
              					<div class="number">#(todayDistributeAmount??0)</div> 
              					<div class="currency">今日赚钱</div>
           					</div>
       					</div> 
       					<div class="van-col van-col--6" onclick="location.href='#(base)/member/commission'">
       						<div class="col-content" style="border-right: 1px solid rgb(42, 101, 170);">
       							<div class="number">#(totalDistributeAmount??0)</div> 
       							<div class="currency">总计赚钱</div>
  							</div>
						</div> 
						<div class="van-col van-col--6" onclick="location.href='#(base)/member/fans'">
							<div class="col-content" style="border-right: 1px solid rgb(42, 101, 170);">
								<div class="number">#(fansCount??0)</div> 
								<div class="currency">粉丝数量</div>
							</div>
						</div> 
						<div class="van-col van-col--6" onclick="location.href='#(base)/member/balance'">
							<div class="col-content" style="border-right: 1px solid rgb(42, 101, 170);">
								<div class="number">#(member.amount??0)</div> 
								<div class="currency">账户余额</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div> 
		<div class="order-cont">
			<div class="order">
				<div class="order-title">
					<div class="fl">我的订单</div> 
					<div class="fr more" onclick="location.href='#(base)/member/order'">更多<i class="van-icon van-icon-arrow"><!----><!----></i></div>
				</div> 
				<div class="order-list member-icon">
					<div class="van-row">
						<div class="van-col van-col--6" onclick="location.href='#(base)/member/order?status=PENDING_PAYMENT'">
							<div><i class="van-icon van-icon-paid" style="font-size: 2rem;"><!----><!----></i> <p>待付款</p></div>
						</div> 
						<div class="van-col van-col--6" onclick="location.href='#(base)/member/order?status=PENDING_SHIPMENT'">
							<div><i class="van-icon van-icon-clock-o"><!----><!----></i> <p>待发货</p></div>
						</div> 
						<div class="van-col van-col--6" onclick="location.href='#(base)/member/order?status=SHIPPED'">
							<div><i class="van-icon van-icon-logistics"><!----><!----></i> <p>已发货</p></div>
						</div> 
						<div class="van-col van-col--6" onclick="location.href='#(base)/member/order?status=COMPLETED'">
							<div><i class="van-icon van-icon-sign"><!----><!----></i> <p>已签收</p></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> 
	<div class="clear"></div> 
	<div class="order2">
		<div class="order-title"><div class="fl">我的服务</div></div> 
		<div class="order-list">
			<div class="van-row"><!----> 
				<div class="van-col van-col--6" onclick="location.href='#(base)/member/receiver'">
					<div><img src="#(base)/static/images/wx_addr.png"></div> 
					<p>收货地址</p>
				</div> 
				<div class="van-col van-col--6" onclick="location.href='#(base)/member/product_fav'">
					<div><img src="#(base)/static/images/wx_collect.png"></div> 
					<p>商品收藏</p>
				</div> 
				<!-- <div class="van-col van-col--6" onclick="location.href=''">
					<div><img src="#(base)/static/images/wx_service.png"></div> 
					<p>售后管理</p>
				</div> -->
				<div class="van-col van-col--6" onclick="location.href='#(base)/article/list'">
					<div><img src="#(base)/static/images/wx_help.png"></div> 
					<p>售后帮助</p>
				</div> 
				<div class="van-col van-col--6" onclick="location.href='#(base)/member/balance'">
					<div><img src="#(base)/static/images/wx_account.png"></div> 
					<p>账户余额</p>
				</div> 
				<div class="van-col van-col--6" onclick="location.href='#(base)/member/commission'">
					<div><img src="#(base)/static/images/wx_fenxiao.png"></div> 
					<p>分销返利</p>
				</div> 
				<!-- <div class="van-col van-col--6" onclick="location.href='#(base)/member/commission'">
					<div><img src="#(base)/static/images/wx_ping.png"></div> 
					<p>评价管理</p>
				</div>  -->
				<div class="van-col van-col--6" onclick="location.href='#(base)/logout'">
					<div><img src="#(base)/static/images/wx_exit.png"></div> 
					<p>退出</p>
				</div>
			</div>
		</div>
	</div> 
 <!----></div>

<!-- 逻辑 -->

<div class="van-toast van-toast--default van-toast--middle" style="z-index: 2000; display: none;"><!----><!----><div class="van-loading van-loading--circular van-loading--white" style="color: white;"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div><div class="van-toast__text">
        加载中...
      </div></div>
</body>
</html>
<script type="text/javascript" src="#(tpath)/static/js/load.js"></script>